.fontSize (@px, @attr: font-size) {
    @vw: (@px / 1920) * 100;
    @{attr}:~"@{vw}vw";
}

.lineHeight (@px, @attr: line-height) {
    @vh: (@px / 1080) * 100;
    @{attr}:~"@{vh}vh";
}

.width (@px, @attr: width) {
    @vw: (@px / 1920) * 100;
    @{attr}:~"@{vw}vw";
}

.height (@px, @attr: height) {
    @vh: (@px / 1080) * 100;
    @{attr}:~"@{vh}vh";
}

.marginTop (@px, @attr: margin-top) {
    @vh: (@px / 1080) * 100;
    @{attr}:~"@{vh}vh";
}

.marginBottom (@px, @attr: margin-bottom) {
    @vh: (@px / 1080) * 100;
    @{attr}:~"@{vh}vh";
}

.marginLeft (@px, @attr: margin-left) {
    @vw: (@px / 1920) * 100;
    @{attr}:~"@{vw}vw";
}

.marginRight (@px, @attr: margin-right) {
    @vw: (@px / 1920) * 100;
    @{attr}:~"@{vw}vw";
}

.top (@px, @attr: top) {
    @vh: (@px / 1080) * 100;
    @{attr}:~"@{vh}vh";
}

.left (@px, @attr: left) {
    @vw: (@px / 1920) * 100;
    @{attr}:~"@{vw}vw";
}

.right (@px, @attr: right) {
    @vw: (@px / 1920) * 100;
    @{attr}:~"@{vw}vw";
}

#container {
    .width(1920);
    .height(1080);
    overflow: hidden;
    background: #001047;

    // 头部
    .header {
        .width(1920);
        .height(80);
        position: absolute;
        z-index: 1001;
        background: url("../../assets/images/datav/title_img2.png") no-repeat;
        background-size: 100% 100%;
        // background-color: #092560;

        .tabs {
            color: #fff;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 1%;
            .fontSize(16);
            display: flex;
            align-items: center;

            >div {
                cursor: pointer;
            }
        }

        .header_right {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 1%;

            ::v-deep .el-image__inner {
                cursor: pointer;
            }

            .item {
                margin-left: 0.6vw;
                width: 1.25vw;

                .el-image__inner {
                    width: 100%;
                }
            }
        }
    }

    // 右侧
    .right {
        .width(1880);
        .height(970);
        .marginTop(99);
        .marginLeft(20);
        position: absolute;
        // background-color: rgba(13, 23, 58, .9);
        z-index: 1001;

        .right_div {
            width: 100%;
            // height: 100%;
            .height(120);
            background: url("../../assets/images/datav/right.png") no-repeat;
            background-size: 100% 100%;
            .marginBottom(12);
        }

        .right_alarm {
            width: 100%;
            .height(948);

            .right_bottom2 {
                height: 100%;
                background: url("../../assets/images/datav/deviceimg.png") no-repeat;
                background-size: 100% 100%;
                padding: 20px;
                box-sizing: border-box;
            }
        }
    }
}

.logo {
    width: auto;
    height: 42px;
    margin-left: 8px;
}

.tableBtnIcon {
    color: rgba(2, 220, 249, 0.8);
    font-size: 1.1vw;
    cursor: pointer;
}